<% include ../../../../../index/pages/nav.ejs %>
        <!-- Page Content -->
        <div id="page-wrapper">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12" style="margin-top:51px">
                        <h1 class="page-header">云平台虚拟机资源消耗</h1>
                    </div>
                    <!-- /.col-lg-12 -->
                    <div style="margin-top:52px" class="container-fluid navbar-fixed-top">
                        <div class="container">
                        <!-- Collect the nav links, forms, and other content for toggling -->
                            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-8">
                                <ul class="nav navbar-nav" style="float:right">
                                    <li class="active"><a href="#">最近三小时</a></li>
                                    <li><a href="#">最近一天</a></li>
                                    <li><a href="#">最近一周</a></li>
                                    <li><a href="#">最近一个月</a></li>
                                    <li><a href="#">实时监控</a></li>
                                </ul>
                            </div><!-- /.navbar-collapse -->
                        </div>
                        <div class="container-fluid" style="margin-top:50px;margin-left:250px;padding-left:30px">
                            <div>
                                <span>当前在线</span>
                                <span id="onlineCount"></span>
                                <span>人</span>
                            </div>
                            <div><span>资源使用情况:<span id="predicted"></span></span></div>
                            <div>
                                <!--include dynamic-data.html-->
                                <!--include pie.html-->
                                <!--include line.html-->
                                <!--include ladder.html-->
                                <%include gauge_cpu.html%>
                                <%include dynamic-data_cpu.html%>
                                <%include gauge_mem.html%>
                                <%include dynamic-data_mem.html%>
                           </div>
                        <% include ../../../../../index/pages/footer.html %>

                        <script src="/socket.io/socket.io.js"></script>
                        <script src="/javascripts/log_client.js"></script>
                     </div>
                   </div>
                </div>
                <!-- /.row -->
            </div>
            <!-- /.container-fluid -->
        </div>
        <!-- /#page-wrapper -->

    </div>
    <!-- /#wrapper -->

